const { defineConfig } = require('@vue/cli-service')
//定义Eelementplus安装两个插件和Eelementplus处理器
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
const { VantResolver } = require('@vant/auto-import-resolver')
module.exports = defineConfig({
  transpileDependencies: true,
  //添加插件配置：让插件生效
  configureWebpack:{
    plugins:[
      AutoImport({
        resolvers:[ElementPlusResolver(),VantResolver()]
      }),
      Components({
        resolvers:[ElementPlusResolver(),VantResolver()]
      })
    ]
  },
  devServer:{
    proxy: {
      //可以代理很多地址  可以分别转发给不同的后端服务器
      //key表示代理的地址 可以随便写  value表示代理规则
      '/api': {
        //代理之后最终访问的网址(后端网址)
        target: 'http://localhost:9090',
        //http://localhost:9090/api/select  通过/api才使用跨域访问后端
        //但是请求地址多了一个/api  所以路径重写把其变成空字符串
        pathRewrite: { '^/api': '' },  //路径重写
        changeOrigin: true  //开启跨域
      }
    }
  }
  
})